<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>Layabox 首页</title> 
		<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />  
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<div class="web">
			<!-------------顶部导航栏------------->
			<header>
				<nav class="navbar navbar-default">
					<div class="container-fluid container">
						<!--------缩放后的右侧菜单跟logo-------->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						        <span class="sr-only">Toggle navigation</span>
						        <span class="icon-bar"></span>
						        <span class="icon-bar"></span>
					        	<span class="icon-bar"></span>
					     	</button>
							<a class="navbar-brand logo" href="#">
								<img src="images/logo.png" />
							</a>
						</div>
						<!----------导航栏---------->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li class="active">
									<a href="index.html">首页<span class="sr-only">(current)</span></a>
								</li>
								<li>
									<a href="html/family.html">Laya家族</a>
								</li>
								<li>
									<a href="html/game.html">游戏</a>
								</li>
								<li>
									<a href="html/new_trends.html">新闻动态</a>
								</li>
								<li>
									<a href="#">开发者中心</a>
								</li>
								<li>
									<a href="#">开发者社区</a>
								</li>
								<li>
									<a href="#">开放平台</a>
								</li>
								<li>
									<a href="html/about.html">关于我们</a>
								</li>
							</ul>
							<ul class="nav navbar-nav navbar-right">
								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
									<ul class="dropdown-menu">
										<li>
											<a href="#">中文</a>
										</li>
										<li>
											<a href="#">English</a>
										</li>
									</ul>
								</li>
							</ul>
						</div>
					</div>
				</nav>
			</header>
			<!-------------中间------------->
			<section>
				<!-------------图片------------->
				<div class="tu">
					<div class="container">
						<div class="row">
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
								<img src="images/tu_01.png" />
							</div>
						</div>
					</div>
				</div>
				<!-----------------引擎----------------->
				<div class="yinqing">
					<div class="container">
						<div class="row">
							<div class="col-md-8 col-sm-12 col-xs-12">
								<div class="row">
									<div class="animated fadeInLeft">
									<p class="font_yq">LayaFlash 引擎</p>
									<p class="font_js">让Flash技术变成开发HTML5产品的利器</p>
									</div>
								</div>
								<div class="row ">
									<div class="col-md-12 col-sm-12 col-xs-12 xinxi animated fadeInUp">
										<!--一个介绍-->
										<div class=" col-md-6 col-sm-6 col-xs-12 bottom">
											<div class="col-md-3 col-sm-3 col-xs-3 tu yq_01"></div>
											<div class="col-md-9 col-sm-9 col-xs-9 ">
												<p class="yq">快速Flash产品转换</p>
												<p class="yq_js">Flash页游手游仅需1个人7天即可转换为HTML5和APP游戏</p>
											</div>
										</div>
										<!--一个介绍-->
										<div class=" col-md-6 col-sm-6 col-xs-12 bottom">
											<div class="col-md-3 col-sm-3 col-xs-3 tu yq_02"></div>
											<div class="col-md-9 col-sm-9 col-xs-9 ">
												<p class="yq ">LayaFlash IDE</p>
												<p class="yq_js ">支持代码编译、调试、压缩与混淆 加密、资源转换、在线文档等功能</p>
											</div>
										</div>
										<!--一个介绍-->
										<div class=" col-md-6 col-sm-6 col-xs-12 bottom">
											<div class="col-md-3 col-sm-3 col-xs-3 tu yq_03"></div>
											<div class="col-md-9 col-sm-9 col-xs-9 ">
												<p class="yq ">HTML5零学习成本</p>
												<p class="yq_js ">AS3开发者可直接使用Flash开源框 架和工具链进行开发HTML5</p>
											</div>
										</div>
										<!--一个介绍-->
										<div class=" col-md-6 col-sm-6 col-xs-12 bottom">
											<div class="col-md-3 col-sm-3 col-xs-3 tu yq_04"></div>
											<div class="col-md-9 col-sm-9 col-xs-9 ">
												<p class="yq ">性能媲美APP</p>
												<p class="yq_js ">LayaFlash引擎的重度游戏已运行于 QQ空间等平台，性能媲美APP</p>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 shang_juli hidden-sm hidden-xs ">
								<div class="animated fadeInRight">
									<img src="images/shouji.png " />
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-----------------优势----------------->
				<div class="youshi ">
					<div class="container ">
						<div class="row ">
							<div class="col-md-4 col-sm-4 col-xs-12 top">
								<div class="animated fadeInLeft">
									<img src="images/sy_02.png " />
								</div>
							</div>
							<div class="col-md-7 col-md-offset-1 col-sm-8 col-xs-12">
								<p class="font_youshi animated fadeInDown">Layabox 优势</p>
								<div class="explain animated fadeInRight">
									<ul>
										<li>
											<div class="ys_01 yuan"></div>
											<p class="font_16">快速上手，Flash程序员3小时掌握HTML5开发</p>
										</li>
										<li>
											<div class="ys_02 yuan"></div>
											<p class="font_16">4年优化打磨，LayaPlayer运行器性能媲美APP</p>
										</li>
										<li>
											<div class="ys_03 yuan"></div>
											<p class="font_16">超5亿的LayaPlayer移动设备安装量帮助CP发行</p>
										</li>
										<li>
											<div class="ys_04 yuan"></div>
											<p class="font_16">使用LayaFlash开发大型HTML5游戏的企业超100家</p>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!------------Layabox产品家族------------>
				<div class="jiazu ">
					<div class="container ">
						<!--标题-->
						<div class="row animated fadeInDown">
							<p class="title ">Layabox产品家族</p>
						</div>
						<div class="row content animated zoomIn">
							<!--第一个-->
							<div class="col-md-6 col-sm-6 col-xs-12 bottom">
								<div class="col-md-3 col-sm-4 col-xs-12 gao tu_01"></div>
								<div class="col-md-9 col-sm-8 col-xs-12">
									<p class="ti ">LayaAir</p>
									<p class="shuoming">核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。</p>
								</div>
							</div>
						<!--第二个-->
							<div class="col-md-6 col-sm-6 col-xs-12 bottom">
								<div class="col-md-3 col-sm-4 col-xs-12 gao tu_02">
								</div>
								<div class="col-md-9 col-sm-8 col-xs-12 ">
									<p class="ti ">LayaPlayer</p>
									<p class="shuoming ">Layabox发行业务，通过在H5产业链中的技术 桥梁优势，帮助CP获得流量支持。性能卓越、支持大型 HTML5游戏流畅运行， </p>
								</div>
							</div>
							<!--第三个-->
							<div class="col-md-6 col-sm-6 col-xs-12 bottom">
								<div class="col-md-3 col-sm-4 col-xs-12 gao tu_03">
								</div>
								<div class="col-md-9 col-sm-8 col-xs-12 ">
									<p class="ti ">LayaFlash</p>
									<p class="shuoming ">使用Flash AS3语言开发H5的引擎框架，可直 接在FB或FD中开发、调试、编译H5，也可快 速将Flash页游\手游转换 </p>
								</div>
							</div>
							<!--第四个-->
							<div class="col-md-6 col-sm-6 col-xs-12 bottom">
								<div class="col-md-3 col-sm-4 col-xs-12 gao tu_04">
								</div>
								<div class="col-md-9 col-sm-8 col-xs-12 ">
									<p class="ti ">LayaStore</p>
									<p class="shuoming ">嵌入式HTML5商城，APP只需嵌入20K的SDK 即可以获得托管式HTML5商店服务，进入流量 获利新时代。</p>
								</div>
							</div>
							<!--第五个-->
							<div class="col-md-6 col-sm-6 col-xs-12 bottom">
								<div class="col-md-3 col-sm-4 col-xs-12 gao tu_05">
								</div>
								<div class="col-md-9 col-sm-8 col-xs-12 ">
									<p class="ti ">LayaPlayer</p>
									<p class="shuoming ">HTML5高速运行器，性能卓越、支持大型 HTML5游戏流畅运行，目前已植入QQ、百度 等20多家主流平台，安装量超5亿。</p>
								</div>
							</div>
							<!--第六个-->
							<div class="col-md-6 col-sm-6 col-xs-12 bottom">
								<div class="col-md-3 col-sm-4 col-xs-12 gao tu_06">
								</div>
								<div class="col-md-9 col-sm-8 col-xs-12 ">
									<p class="ti ">LayaOpen</p>
									<p class="shuoming ">Layabox开放平台，整合了Laya提供的各项运营，管理服务的服务，提供给游戏提供商和互联网渠道的统一开放平台。</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-----------------精彩游戏--------------->
				<div class="game ">
					<div class="container ">
						<!----标题---->
						<div class="row ">
							<div class="col-md-11 col-sm-11 col-xs-10 ">
								<p class="font_yx ">采用Layabox引擎的精彩游戏</p>
							</div>
							<div class="col-md-1 col-sm-1 col-xs-2 ">
								<a href=" " class="gengduo ">更多</a>
							</div>
						</div>
						<!----播放器视频---->
						<div class="row juli_s ">
							<div class="col-md-4 col-sm-10 col-xs-12 left ">
								<div class="media ">
									<video src="media/layabox_product.mp4 " controls="controls" preload>
										<source src="myvideo.mp4" type="video/mp4"></source>
										<source src="myvideo.ogv" type="video/ogg"></source>
										<source src="myvideo.webm" type="video/webm"></source>
										<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
											<param name="movie" value="myvideo.swf" />7
											<param name="flashvars" value="autostart=true&amp;file=myvideo.swf" />
										</object>
										当前浏览器不支持 video直接播放 
									</video>
								</div>
							</div>
							<!----游戏图标---->
							<div class="col-md-8 col-sm-12 col-xs-12 ">
								<div class="row ">
									<!--一个-->
									<div class="col-md-2 col-sm-3 col-xs-4 juli_x ">
										<div class="game_icon ">
											<img src="images/icon_01.png " class="tu " />
											<p class="name ">猎刃2</p>
										</div>
									</div>
									<!--一个-->
									<div class="col-md-2 col-sm-3 col-xs-4 juli_x ">
										<div class="game_icon ">
											<img src="images/icon_02.png " class="tu " />
											<p class="name ">上吧主公</p>
										</div>
									</div>
									<!--一个-->
									<div class="col-md-2 col-sm-3 col-xs-4 juli_x ">
										<div class="game_icon ">
											<img src="images/icon_03.png " class="tu " />
											<p class="name ">醉西游</p>
										</div>
									</div>
									<!--一个-->
									<div class="col-md-2 col-sm-3 col-xs-4 juli_x ">
										<div class="game_icon ">
											<img src="images/icon_04.png " class="tu " />
											<p class="name ">魔卡幻想</p>
										</div>
									</div>
									<!--一个-->
									<div class="col-md-2 col-sm-3 col-xs-4 juli_x ">
										<div class="game_icon ">
											<img src="images/icon_05.png " class="tu " />
											<p class="name ">超能战队</p>
										</div>
									</div>
									<!--一个-->
									<div class="col-md-2 col-sm-3 col-xs-4 juli_x ">
										<div class="game_icon ">
											<img src="images/icon_06.png " class="tu " />
											<p class="name ">刀塔大菠萝</p>
										</div>
									</div>
									<!--一个-->
									<div class="col-md-2 col-sm-3 col-xs-4 juli_x ">
										<div class="game_icon ">
											<img src="images/icon_07.png " class="tu " />
											<p class="name ">轰三国</p>
										</div>
									</div>
									<!--一个-->
									<div class="col-md-2 col-sm-3 col-xs-4 juli_x ">
										<div class="game_icon ">
											<img src="images/icon_08.png " class="tu " />
											<p class="name ">迷你猎人</p>
										</div>
									</div>
									<!--一个-->
									<div class="col-md-2 col-sm-3 col-xs-4 juli_x ">
										<div class="game_icon ">
											<img src="images/icon_09.png " class="tu " />
											<p class="name ">萌挂三国</p>
										</div>
									</div>
									<!--一个-->
									<div class="col-md-2 col-sm-3 col-xs-4 juli_x ">
										<div class="game_icon ">
											<img src="images/icon_10.png " class="tu " />
											<p class="name ">夺塔三国</p>
										</div>
									</div>
									<!--一个-->
									<div class="col-md-2 col-sm-3 col-xs-4 juli_x ">
										<div class="game_icon ">
											<img src="images/icon_11.png " class="tu " />
											<p class="name ">英雄争霸</p>
										</div>
									</div>
									<!--一个-->
									<div class="col-md-2 col-sm-3 col-xs-4 juli_x ">
										<div class="game_icon ">
											<img src="images/icon_12.png " class="tu " />
											<p class="name ">战争之门</p>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="row ">

						</div>
					</div>
				</div>
				<!-------------合作------------->
				<div class="hezuo ">
					<div class="container ">
						<p class="font_hz ">合作伙伴<span id="zhushi">(排序不分先后)</span></p>
						<div class="row ">
							<div class="col-md-2 col-sm-3 col-xs-4 juli ">
								<img src="images/hz_01.jpg " class="img-thumbnail " />
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 juli ">
								<img src="images/hz_02.jpg " class="img-thumbnail " />
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 juli ">
								<img src="images/hz_03.jpg " class="img-thumbnail " />
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 juli ">
								<img src="images/hz_04.jpg " class="img-thumbnail " />
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 juli ">
								<img src="images/hz_05.jpg " class="img-thumbnail " />
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 juli ">
								<img src="images/hz_06.jpg " class="img-thumbnail " />
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 juli ">
								<img src="images/hz_07.jpg " class="img-thumbnail " />
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 juli ">
								<img src="images/hz_08.jpg " class="img-thumbnail " />
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 juli ">
								<img src="images/hz_09.jpg " class="img-thumbnail " />
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 juli ">
								<img src="images/hz_10.jpg " class="img-thumbnail " />
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 juli ">
								<img src="images/hz_11.jpg " class="img-thumbnail " />
							</div>
							<div class="col-md-2 col-sm-3 col-xs-4 juli ">
								<img src="images/hz_12.jpg " class="img-thumbnail " />
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-------------底部------------->
			<footer>
				<div class="container ">
					<div class="row ">
						<!------左侧信息------>
						<div class="col-md-9 col-sm-8 col-xs-12 ">
							<div class="left ">
								<a href="# " class="font_b ">公司简介</a>
								<a href="# " class="font_b ">联系方式</a>
								<a href="# " class="font_b ">人才招聘</a>
								<p class="font_x ">All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</p>
							</div>
						</div>
						<!------右侧信息------>
						<div class="col-md-3 col-sm-4 col-xs-4 clearfix ">
							<!--<div class="right ">-->
							<div class="wrap fr ">
								<a href="javascript:void(0); " class="email ">
									<div class="em tu ">
										<img src="images/email.png " />
									</div>
								</a>
								<a href="javascript:void(0); " class="weixin ">
									<div class="wx tu ">
										<img src="images/erweima.png " />
									</div>
								</a>
								<a href="javascript:void(0); " class="qq ">
									<div class="qq_1 tu ">
										<img src="images/qqpop.png " />
									</div>
								</a>
							</div>
						</div>
					</div>
			</footer>
		</div>
	</body>
	<script src="js/jquery-2.1.0.js " type="text/javascript " charset="utf-8 "></script>
	<script src="js/bootstrap.js " type="text/javascript " charset="utf-8 "></script>
</html>